<!doctype html>
<html lang="en">
<head>
    @include('web.layout.head')
    <link rel="stylesheet" href="{{asset('/css/web/user/comment.css')}}">
    <link rel="stylesheet" href="{{asset('/css/web/user/prove_release.css')}}">
    <link rel="stylesheet" href="{{asset('/css/web/user/service_comment.css')}}">
    <script src="{{asset('/js/web/user/service_coment.js')}}"></script>
</head>
<body>
@include('web.layout.header')
@include('web.layout.user_tab')
<div class="base_member_content">
    <div class="w1200">
        @include('web.layout.buyer_nav')
        <div class="nav_right flr">
            <div class="base_content">
                <div class="line_title" style="border:0;">服务订单评价</div>
                <div class="content">
                    <div class="table list" style="border: 1px solid #e6e6e6;border-bottom:0;">
                        <table>
                            <thead>
                                <tr style="border-bottom: 1px solid #e6e6e6;">
                                    <th width="140">订单编号</th>
                                    <th width="194">服务名称</th>
                                    <th width="174">服务企业</th>
                                    <th width="210">项目名称</th>
                                    <th width="120">项目金额</th>
                                    <th width="120">管理费</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="border-right: 1px solid #e6e6e6;">2018052500120</td>
                                    <td style="border-right: 1px solid #e6e6e6;">系统集成软件服务  一级 </td>
                                    <td style="border-right: 1px solid #e6e6e6;">杭州三三安防服务公司</td>
                                    <td style="border-right: 1px solid #e6e6e6;">浙江省金华公安XX项目</td>
                                    <td style="color:#ff7a00;border-right: 1px solid #e6e6e6;">¥200000.00</td>
                                    <td style="color:#ff7a00;">¥200000.00</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <form action="/member/buyer/orders/comments" method="post">
                            <input type="hidden" name="order_product" value="">
                            <div class="each-product-item">
                                <div class="content-bot" style="padding:20px 0;">
                                    <div class="content-left" style="height:330px;">
                                            <div class="bot-title">
                                                <h4 class="all">需求方评价</h4>
                                            </div>
                                            <div class="bot-title bot-com">
                                                 <p class="all_tit">总体评价</p>
                                                 <div class="com-description all_description">
                                                    <form action="" method="get">
                                                        <label class="radio"><input type="radio" name="need_overall" value="1" class="need_overall" checked><i></i>好评</label>
                                                        <label class="radio"><input type="radio" name="need_overall" value="2" class="need_overall"><i></i>中评</label>
                                                        <label class="radio"><input type="radio" name="need_overall" value="3" class="need_overall"><i></i>差评</label>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="bot-title bot-com">
                                                <i class="start_mark">*</i><span class="com_tit">配合度评价</span>
                                                <div class="com-description">
                                                    <ul class="com-starbox" comClick="0">
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start1">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start2">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="start3">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start4">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start5">
                                                        </li>
                                                    </ul>
                                                    <input name="order_product" type="hidden" class="starHid need_team_comment" value="">
                                                </div>
                                                <p class="number"></p>
                                             </div>
                                            <div class="bot-title bot-com">
                                                <i class="start_mark1">*</i><span class="com_tit1">效率评价</span>
                                                <div class="com-description">
                                                    <ul class="com-starbox" comClick="0">
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start1">

                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start2">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="start3">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start4">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start5">
                                                        </li>
                                                    </ul>
                                                    <input name="order_product" type="hidden" class="starHid need_speed_comment" value="">
                                                </div>
                                                <p class="number"></p>
                                            </div>
                                            <div class="bot-title bot-com">
                                                <i class="start_mark1">*</i><span class="com_tit1">信用评价</span>
                                                <div class="com-description">
                                                    <ul class="com-starbox" comClick="0">
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start1">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start2">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="start3">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start4">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start5">
                                                        </li>
                                                    </ul>
                                                    <input  name="order_product" type="hidden" class="starHid need_credit_comment" value="">
                                                </div>
                                                <p class="number"></p>
                                            </div>
                                            <div class="bot-title bot-com com1">
                                                <p class="all_tit1">评价</p>
                                                <textarea name="" class="need_comment" placeholder="请填写评论"></textarea>
                                                <div class="tit-bot">还可以输入<span id="enterLetter" style="color:#ff4c51;">&nbsp;200&nbsp;</span>字</div>
                                            </div>
                                    </div>
                                </div>
                                <div class="content-bot" style="padding:20px 0;">
                                    <div class="content-left"  style="height:330px;">
                                            <div class="bot-title">
                                                <h4 class="all">我的评价</h4>
                                            </div>
                                            <div class="bot-title bot-com">
                                                 <p class="all_tit">总体评价</p>
                                                 <div class="com-description all_description">
                                                    <form action="" method="get">
                                                        <label class="radio"><input type="radio" name="my_overall" value="1" class="my_overall" checked><i></i>好评</label>
                                                        <label class="radio"><input type="radio" name="my_overall" value="2" class="my_overall"><i></i>中评</label>
                                                        <label class="radio"><input type="radio" name="my_overall" value="3" class="my_overall"><i></i>差评</label>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="bot-title bot-com">
                                                <i class="start_mark">*</i><span class="com_tit">配合度评价</span>
                                                <div class="com-description">
                                                    <ul class="com-starbox" comClick="0">
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start1">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start2">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="start3">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start4">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start5">
                                                        </li>
                                                    </ul>
                                                    <input name="order_product" type="hidden" class="starHid my_team_comment" value="">
                                                </div>
                                                <p class="number"></p>
                                             </div>
                                            <div class="bot-title  bot-com">
                                                <i class="start_mark1">*</i><span class="com_tit1">效率评价</span>
                                                <div class="com-description">
                                                    <ul class="com-starbox" comClick="0">
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start1">

                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start2">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="start3">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start4">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start5">
                                                        </li>
                                                    </ul>
                                                    <input name="order_product" type="hidden" class="starHid my_speed_comment" value="">
                                                </div>
                                                <p class="number"></p>
                                            </div>
                                            <div class="bot-title  bot-com">
                                                <i class="start_mark1">*</i><span class="com_tit1">信用评价</span>
                                                <div class="com-description">
                                                    <ul class="com-starbox" comClick="0">
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start1">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start2">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="start3">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start4">
                                                        </li>
                                                        <li>
                                                            <img src="{{asset('/img/web/inc/icon/star1.png')}}" alt="" class="com-star1 start5">
                                                        </li>
                                                    </ul>
                                                    <input  name="order_product" type="hidden" class="starHid my_credit_comment" value="">
                                                </div>
                                                <p class="number"></p>
                                            </div>
                                            <div class="bot-title bot-com com1">
                                                <p class="all_tit1">评价</p>
                                                <textarea name="" class="my_comment" placeholder="请填写评论"></textarea>
                                                <div class="tit-bot">还可以输入<span id="my_enterLetter" style="color:#ff4c51;">&nbsp;200&nbsp;</span>字</div>
                                            </div>
                                    </div>
                                </div>
                                <div class="content-inp">
                                    <input type="submit" class="jm_btn5" value="确定">
                                </div>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="{{asset('/img/web/inc/icon/star1.png')}}" id="star1">
<input type="hidden" value="{{asset('/img/web/inc/icon/star2.png')}}" id="star2">
@include('web.layout.footer')

<script type="text/javascript">
    $(function(){
        $(".jm_btn5").on('click', function(event) {
            event.preventDefault();
            var $product_item = $(this).parents('.each-product-item');
            var need_overall = '';//需求方评价总体评价
            var need_team_comment = $product_item.find('.need_team_comment').val();//需求方评价配合度评价
            var need_speed_comment = $product_item.find('.need_speed_comment').val();//需求方评价效率评价
            var need_credit_comment = $product_item.find('.need_credit_comment').val();//需求方评价信用评价
            var need_comment = $product_item.find('.need_comment').val();//需求方评价评价
            $(".need_overall").each(function(index, el) {
                if ($(this).is(":checked")) {
                    need_overall +=$(this).val()+";";
                }
		    });
            // var my_overall = $product_item.find('.my_overall').val();//我的总体评价
            var my_overall = '';//我的总体评价
            var my_team_comment = $product_item.find('.my_team_comment').val();//我的配合度评价
            var my_speed_comment = $product_item.find('.my_speed_comment').val();//我的效率评价
            var my_credit_comment = $product_item.find('.my_credit_comment').val();//我的信用评价
            var my_comment = $product_item.find('.my_comment').val();//我的评价
            $(".my_overall").each(function(index, el) {
                if ($(this).is(":checked")) {
                    my_overall +=$(this).val()+";";
                }
            });
            if(!need_overall){
                layer.alert('需求方总体评价未选择',{icon: 0});
                return false;
            }
            if(!need_team_comment){
                layer.alert('需求方配合度未选择',{icon: 0});
                return false;
            }
            if(!need_speed_comment){
                layer.alert('需求方效率评价未选择',{icon: 0});
                return false;
            }
            if(!need_credit_comment){
                layer.alert('需求方信用评价未选择',{icon: 0});
                return false;
            }
            if(!need_comment){
                layer.alert('需求方评价内容未填',{icon: 0});
                return false;
            }
            if(!my_overall){
                layer.alert('我的总体评价未选择',{icon: 0});
                return false;
            }
            if(!my_team_comment){
                layer.alert('我的配合度未选择',{icon: 0});
                return false;
            }
            if(!my_speed_comment){
                layer.alert('我的效率评价未选择',{icon: 0});
                return false;
            }
            if(!my_credit_comment){
                layer.alert('我的信用评价未选择',{icon: 0});
                return false;
            }
            if(!my_comment){
                layer.alert('我的评价内容未填',{icon: 0});
                return false;
            }
            $('form').submit();
        });
        $('.start1').click(function(event){
            event ? event : window.event;
            var obj = event.srcElement ? event.srcElement : event.target; 
            var $obj = $(obj);
            $obj.parent().parent().parent().next(".number").show().html("1分,失望")
        });
        $('.start2').click(function(event){
            event ? event : window.event;
            var obj = event.srcElement ? event.srcElement : event.target; 
            var $obj = $(obj); 
            $obj.parent().parent().parent().next(".number").show().html("2分,不满")
        })
        $('.start3').click(function(event){
            event ? event : window.event;
            var obj = event.srcElement ? event.srcElement : event.target; 
            var $obj = $(obj); 
            $obj.parent().parent().parent().next(".number").show().html("3分,一般")
        })
        $('.start4').click(function(event){
            event ? event : window.event;
            var obj = event.srcElement ? event.srcElement : event.target; 
            var $obj = $(obj); 
            $obj.parent().parent().parent().next(".number").show().html("4分,满意")
        })
        $('.start5').click(function(event){
            event ? event : window.event;
            var obj = event.srcElement ? event.srcElement : event.target; 
            var $obj = $(obj); 
            $obj.parent().parent().parent().next(".number").show().html("5分,惊喜")
        })
         scoreFun($("#startone"))
         scoreFun($("#starttwo"),{
               fen_d:22,//每一个a的宽度
               ScoreGrade:5//a的个数5
             });
         //显示分数
          $(".show_number li p").each(function(index, element) {
            var num=$(this).attr("tip");
            var www=num*2*16;//
            $(this).css("width",www);
            $(this).parent(".atar_Show").siblings("span").text(num+"分");
        });
        
    });

</script>
</body>
</html>